
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: left;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}






body {
	font-family: Verdana, Arial, Times, "Times New Roman", serif;
	font-size: 12px;
	color: #000;
	min-width: 1024px;
	text-align: center;	
}


a:link {
	text-decoration: none;
	color: #233f60;
}


a:visited {
	text-decoration: none;
	color: #233f60;
}


a:hover {
	color: #666666;
	text-decoration: underline;
}


a:active {
	text-decoration: none;
	color: #233f60;
	border: none;
}

ul {
	list-style-type: none;
}


.title-bar {
	background-image: url(../images/title-bar.jpg);
	background-position: center;
	background-repeat: no-repeat;	
	height: 57px;
	margin: 0px auto -1px auto; 
	width: 1000px;
	position: relative;
}

.title-bar-back {
	background-image: url(../images/title-bar-back.jpg);
	background-repeat: repeat-x;	
	height: 43px;
	width: 100%;
	text-align: center;
}


.logo {
	margin: 7px 0px 0px 10px; 
}

.b-open {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	width: 250px;
}

.b-open input {
	font-size: 13px;
	color: #666;
	border: 1px solid #7ea3cf;
	width: 230px;
	height: 18px; 
	padding: 1px;
}

.b-open label {
	font-size: 15px;
	font-weight: bold;
	color: #2D4463;
}

.b-open p {
	font-size: 12px;
	color: #486ba3;
	padding-top: 2px;
	padding-left: 2px;
}

.signon {
	padding-bottom: 5px;
}

.subtext {
	padding-bottom: 12px;
}

.button{
	cursor: pointer;
}


.error{
	padding-top: 10px;
}

.mainmenu {
	font-size: 15px;
	color: #7d9abe;
	top: 10px;
	right: 10px;
	position: absolute;
}


.mainmenu li
{
    display: inline;
    margin-right: 4px;
	margin-left: 4px;
}

.mainmenu a
{
    text-decoration: none;
	font-size: 14px;
	color: #7d9abe;
	letter-spacing: 0.03em;
}

.mainmenu a:hover
{
    color: #cad9e8;
}

.mainmenu a:visited
{
    color: #7d9abe;
}


.maincontent{
	margin: 20px auto -1px auto; 
	width: 1000px;
	padding-left: 50px;
	padding-top: 20px;
	font-size: 14px;
	color: #666;
}

.maincontent td,tr{
	padding-left: 20px;
	padding-bottom: 10px;
}


.send-message-box {
	background-image: url(../images/message-box.jpg);
	background-repeat: repeat-x;	
	height: 180px;
	width: 1000px;
	margin: 20px auto -1px auto; 
	position: relative;
}

.send-message-box textarea{
	font-size: 13px;
	color: #666;
	border: 1px solid #7ea3cf;
	padding: 5px;
	overflow: hidden;
}

.send-message-box input{
	font-size: 13px;
	color: #666;
	border: 1px solid #7ea3cf;
}


.send-message-box label {
	font-size: 15px;
	color: #2D4463;
}

.send-message-p {
	padding-bottom: 5px;
	font-size: 12px;
	color: #666;
	padding-top: 5px;

}

.clearctrl{
	padding-top: 10px;
	font-size: 11px;
	color: #4170a1;
}

.clearctrl a{
	color: #4170a1;
}


.send-msg-text {
	float: left;
	margin-top: 5px;
}

.send-msg-tags {
	position:absolute;
	left:720px;
	top:5px;
}

.current-user{
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	width: 145px;
	padding-right: 15px;
	position: relative;
}

.current-userimg{
	position: absolute;
	top: 35px;
	left: 55px;
	border: none;
	width: 50px;
	height: 50px;
}

.current-userp{
	margin: 90px auto -1px 15px; 
	font-size: 12px;
	color: #2D4463;
	text-align: center ;
}


.send-msg-button{
	cursor: pointer;
	padding-top: 20px;
	padding-left: 10px;
}

.send-msg-button img{
	border: none;
}

#reply-to-div{
	position: absolute;
	left: 300px;
	top: 130px;
	font-size: 12px;
	color: #888;
	width: 360px;
	height: auto;
}


.bottom-box{
	width: 900px;
	margin: 60px auto -1px auto;
}


.sidebar{
	width: 220px;
	margin-right: 5px;
	float: right;
	margin-top: 0px;
	overflow: hidden;
}

.tagcloud{
	font-size: 18px;
	color: #2D4463;	
	max-width: 220px;
	overflow: hidden;
}

.tagcloud p{
	max-width: 220px;
	overflow: hidden;
}


.tagcloud a:link {
	font-size: 18px;
	color: #2D4463;	
	max-width: 220px;
}

.tagcloud a:hover {
	font-size: 18px;
	color: #2D4463;	
}

.tagcloud a:visited {
	font-size: 18px;
	color: #2D4463;	
	max-width: 220px;
	overflow: hidden;
}


.heading{
	font-size: 15px;
	color: #4170a1;	
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 20px;
}

.rhs-menu{
	font-size: 15px;
	color: #4170a1;
	text-align: right;
	padding-bottom: 20px;
}

.rhs-menu p{
	padding-bottom: 2px;
	text-align: right;
}


.rhs-menu a{
	font-size: 15px;
	color: #4170a1;
	text-align: right;
}

.rhs-menu a:visited{
	font-size: 15px;
	color: #4170a1;
	text-align: right;
}

.rhs-menu a:hover{
	font-size: 15px;
	color: #4170a1;
	text-align: right;
}

.search-box{
	padding-top: 20px;
	padding-right: 20px;
}

.search-text {
	font-size: 13px;
	color: #666;
	border: 1px solid #7ea3cf;
	width: 100%;
}

.search-btn{
	margin-top: 15px;
}


.messages-box{
	float: left;
	margin-left: 0px;
	width: 600px;
}

.msg{
	height: auto;
	width: 100%;
	font-size: 13px;
	padding-top: 10px;
	position: relative;
}

.msg-image{
	position: absolute;
	left: 15px;
}

.msg-image img{
	width: 50px;
	border: none;
}

.msg-body {
	margin-left: 115px;
	position: relative;
	border-bottom: 0.1em dotted #7ea3cf;	
}

.msg-text {
	color: #2D4463;
	padding-bottom: 5px;
	overflow: hidden;
}

.msg-text  a{
	color: #4170a1;
}

.msg-date{
	padding-bottom: 10px;
	color: #2D4463;
	font-size: 11px;
}

.msg-date a{
	color: #4170a1;
	font-weight: bold;
	font-size: 11px;
}


.msg-tags{
	padding-top: 10px;
	padding-bottom: 3px;
	height: auto;
	width: 100%;
	overflow: hidden;
}

.msg-tags a{
	padding-right: 5px;
	color: #4170a1;
	overflow: hidden;
}

.msg-ctrls{
	font-size: 11px;
	color: #4170a1;
	position: absolute;
	right: 0px;
	bottom: 11px;
}

.msg-ctrls a{
	color: #4170a1;
}

.msg-heading {
	font-size: 18px;
	color: #2D4463;
	position: relative;
	height: 50px;
	overflow: hidden;
	
}

.msg-headingtext{
	position: absolute;
	right: 100px;
	left: 0px;
	top: 0px;
	overflow: hidden;
}


.msgbox{
	width: 800px;
}


.return-msgs {
	position: absolute;
	right: 0;
	top: 00px;
}

.return-msgs a{
	font-size: 11px;
	color: #4170a1;
}


.contacts-heading{
	position: absolute;
	font-size: 20px;
	color: #2D4463;
	left: 70px;
	top: 50px;
}


.profile{
	position: relative;
	width: 900px;
}


.profile-img{
	width: auto;
	height: auto;
	max-width: 80px;
}

.profile-img img{
	border: none;
	width: auto;
	height: auto;
	max-width: 80px;	
}


.profile-name{
	position: absolute;
	left: 110px;
	top: 0px;
	font-size: 25px;
	color: #2D4463;
}


.profile-btn{
	position: absolute;
	left: 110px;
	top: 50px;
}

.profile-msgs{
	position: absolute;
	top: 150px;
	width: 800px;
}


.usr{
	width: 100%;
	height: 80px;
	position: relative;
	padding-top: 10px;
	padding-left: 110px;
}

.usr-c {
	width: 700px;
	height: 70px;
	position: absolute;
	left: 115px;
	border-bottom: 1px solid #7ea3cf;
}

.usr img{
	width: 50px;
	border: none;
}

.usr-name{
	position: absolute;
	left: 65px;
	top: 0px;
}

.usr-nickname{
	position: absolute;
	left: 65px;
	top: 20px;
}


.tabNavigation{
	padding:0;
	margin:0;
	color:#fff;
	white-space:nowrap;
	list-style-type:none;
	position: absolute;
	left: 110px;
	top: 100px;
}

.tabNavigation li {
	display:inline;
}

.tabNavigation li a{
	padding:0.2em 1em;
	background:#4170a1;
	color:#fff;
	text-decoration:none;
	float:left;
	border:1px solid #000;
}

.tabNavigation li a.selected,
.tabNavigation li a:hover{
	background:#2D4463;
	color:#fff;
}





